// 主色调
$primary-color: #019C7C;        // 主色
$success-color: #67C23A;        // 成功色
$warning-color: #E6A23C;        // 警告色
$danger-color: #F56C6C;         // 危险色
$info-color: #909399;           // 信息色

// 中性色
$text-color-primary: #303133;   // 主要文字
$text-color-regular: #606266;   // 常规文字
$text-color-secondary: #909399; // 次要文字
$text-color-placeholder: #C0C4CC; // 占位符文字

// 边框色
$border-color-base: #DCDFE6;
$border-color-light: #E4E7ED;
$border-color-lighter: #EBEEF5;
$border-color-extra-light: #F2F6FC;

// 背景色
$background-color-base: #F5F7FA;
$background-color-white: #FFFFFF;

// 字体大小 - 符合8px栅格系统
$font-size-extra-large: 20px;
$font-size-large: 16px;        // 改为16px
$font-size-medium: 16px;
$font-size-base: 14px;         // 保持14px（UI常用）
$font-size-small: 12px;        // 改为12px
$font-size-extra-small: 12px;

// 字体系列
$font-family-primary: 'Noto Sans SC', 'Source Han Sans CN', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;

// 字体粗细
$font-weight-primary: 500;
$font-weight-secondary: 400;

// 行高
$line-height-primary: 24px;
$line-height-secondary: 16px;

// 间距变量 - 符合8px栅格系统
$spacing-extra-large: 32px;
$spacing-large: 24px;
$spacing-medium: 16px;
$spacing-base: 16px;           // 改为16px
$spacing-small: 8px;
$spacing-extra-small: 4px;

// 圆角 - 符合8px栅格系统
$border-radius-base: 4px;
$border-radius-small: 4px;     // 改为4px
$border-radius-round: 24px;    // 改为24px
$border-radius-circle: 100%;

// 阴影
$box-shadow-base: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
$box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1);

// 响应式断点 - 符合8px栅格系统
$breakpoint-mobile: 768px;
$breakpoint-tablet: 1024px;    // 改为1024px
$breakpoint-desktop: 1200px;
$breakpoint-wide: 1920px;

// Z-index 层级
$z-index-popper: 2000;
$z-index-dialog: 2001;
$z-index-drawer: 2002;
$z-index-message: 3000;
$z-index-notification: 4000;
$z-index-tooltip: 2003;